<div class="right_col" role="main">
    <div class="">
        <div class="page-title">
            <div class="title_left">
              <h3>Inbox Design <small>Some examples to get you started</small></h3>
            </div>
          </div>
        <div class="clearfix"></div>

        <div class="row">
            <div class="col-md-12">
                <h3>This is thymeleaf test page</h3>

                <p>============================</p>
                <h4>文件下载</h4>
                
                <p><a href="/test/file?fileName=爆爆bb.jpg">文件下载</a></p>
                
                <p>============================</p>
                <h4>文件上传</h4>
                <p><img th:src="${fileUrl}"></p>
                <p><span th:text="${message}" style="color: red"></span></p>
                <form action="/test/file" method="post" enctype="multipart/form-data">
                    <input type="file" name="file"/>
                    <button type="submit">上传</button>
                </form>

                <p>============================</p>
                <h4>th:text</h4>
                <p>
                <div th:text="${title}"></div>
                </p>
                <p>
                    <span th:text="${title}"></span>
                </p>
                
                <p>============================</p>
                <h4>th:if  th:unless(if else)</h4>
                
                <p th:if="${checked} == true">Checked is true</p>
                <p th:if="${checked} == false">Checked is false</p>
                <p th:if="${currentPage} &lt; 100">currentPage < 100 </p>
                <p th:if="${title} != null ">title != null </p>
                
                <p>============================</p>
                
                <h4>th:attr</h4>
                
                <p><input type="checkbox" th:checked="${checked}"/>是否选中</p>
                <p><a th:href="${baiduHref}" target="_blank">baidu</a></p>
                <p><img th:src="${imgSrc}" style="width: 100px;height: 50px"></p>
                <p><a th:href="@{'/test/aaa/'+${currentPage} }">链接路径参数</a></p>
                <p><a th:href="@{/test/aaa(currentPage=${currentPage},title=${title})}">链接查询参数</a></p>
                
                <p>============================</p>
                
                <h4>th:object</h4>
                <p>
                    <div th:object="${city}">
                        <p>城市名ID:<span th:text="*{cityId}"></span></p>
                        <p>城市名:<span th:text="${city.cityName}"></span></p>
                    </div>
                </p>
                
                <p>============================</p>
                
                <h4>th:each循环</h4>
                
                <ul th:each="city:${cities}">
                    <li th:text="${city.cityName}" th:value="${city.cityId}"></li>
                </ul>
                
                <table>
                    <tr><td>ID</td><td>CityName</td></tr>
                    <tr th:each="city:${cities}">
                        <td th:text="${city.cityId}"></td>
                        <td th:text="${city.cityName}"></td>
                    </tr>
                </table>
                
                <select>
                    <option th:each="city:${cities}" th:value="${city.cityId}" th:text="${city.cityName}"></option>
                </select>
                
                <p>============================</p>
                
            </div>
        </div>
    </div>
</div>

